<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
		<style type="text/css">
			ul>li {
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="row">
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			  <div class="col-md-1 col-xs-1">.col-md-1</div>
			</div>
			<div class="row">
			  <div class="col-md-4"></div>
			  <div class="col-md-4">
				  <ul>
				  	<li>菜单1</li>
				  	<li>菜单2</li>
				  	<li>菜单3</li>
				  </ul>
			  </div>
			</div>
			<div class="row">
			  <div class="col-md-4">.col-md-4</div>
			  <div class="col-md-4">.col-md-4</div>
			  <div class="col-md-4">.col-md-4</div>
			</div>
			<div class="row">
			  <div class="col-md-6">.col-md-6</div>
			  <div class="col-md-6">.col-md-6</div>
			</div>
		</div>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
